---
import { Image } from "@astrojs/image/components";
import b2 from "@assets/banner/banner板块.png";
---

<div class="relative h-[320px]">
  <Image src={b2} alt={"logo"} class="w-full h-full absolute left-0" />
  <div class="item w-full h-full relative z-10">
    <div class="text-[30px] font-medium opacity-100 text-white flex w-full items-center">
        设计资源
        <div  class="text-[14px] font-light text-white translate-y-[4px]">（DesignResources）</div>
    </div>
    <div class="text-[14px] text-white mt-[20px]">
        有五大技术优势特点，小薄轻  多款模块引脚PBC板图兼容  多路输出，
        <br>
        并联均流，灵活配置  负电压输出  数字电源管理等等 </div>
    <!-- <button class="w-[118px] h-[32px] bg-brown text-white text-[14px] mt-[19px]">查看所有产品</button> -->
  </div>
</div>

<style>
    .item{
        background-color: #ffffff2a;
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 44px;
        box-sizing: border-box;
    }
</style>